<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="__TMPL__Public/assets/css/Reset.css">
    <link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
    <style>
        body{
            background: #e4e8f5;
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <div class="user-info">
        <div class="user-btn">
            <a href="#"><img src="__TMPL__Public/assets/img/user.png" alt=""></a>
        </div>
        <div class="user-con">
            <div class="user-img"><img src="__TMPL__Public/assets/img/tx.jpg" alt=""></div>
            <div class="user-zh">
                <h2>18888888888</h2>
                <p>账号：18888888888</p>
            </div>
        </div>
    </div>
    <!-- 累计消费 -->
    <div class="user-state">
        <div class="state1">
            <div class="ljxf">
                <img src="__TMPL__Public/assets/img/lj.png" alt="">
                <p>累计消费：<span>0</span></p>
            </div>
            <div class="dcl">
                <img src="__TMPL__Public/assets/img/dcl.png" alt="">
                <p>待处理订单：<span>0</span></p>
            </div>
        </div>
        <div class="state2">
            <ul>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc1.png" alt=""><p>待支付</p></li></a>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc2.png" alt=""><p>已支付</p></li></a>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc3.png" alt=""><p>待发货</p></li></a>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc4.png" alt=""><p>待收货</p></li></a>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc5.png" alt=""><p>已预订</p></li></a>
                <a href="#"><li><img src="__TMPL__Public/assets/img/lc6.png" alt=""><p>已完成</p></li></a>
            </ul>
        </div>
    </div>
    <!-- 我的信息 -->
    <div class="my-info">
        <div class="m-info1">
            <a href="#">
                <div class="m-infoCon">我的订单</div>
            </a>
        </div>
        <div class="m-info2">
            <a href="#">
                <div class="m-infoCon">我的地址</div>
            </a>
        </div>
        <div class="m-info3">
            <a href="#">
                <div class="m-infoCon">我的优惠券</div>
            </a>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="bott-footer"></div>
    <div class="footer">
        <ul>
            <a href="#"><li><img src="__TMPL__Public/assets/img/sy_2.png" alt=""><p>首页</p></li></a>
            <a href="#"><li><img src="__TMPL__Public/assets/img/dg_2.png" alt=""><p>订购</p></li></a>
            <a href="#"><li><img src="__TMPL__Public/assets/img/bd_2.png" alt=""><p>补订</p></li></a>
            <a href="#"><li><img src="__TMPL__Public/assets/img/tm_2.png" alt=""><p>特卖</p></li></a>
            <a href="#"><li><img src="__TMPL__Public/assets/img/wd_1.png" alt=""><p class="lan">我的</p></li></a>
        </ul>
    </div>
</body>
</html>